<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是假的小米官网</title>

</head>
<body>
<div class="top">
    <div class="content">
        <div class="left">
            <a href="">小米商城</a>
            <span class="sep">|</span>
            <a href="">MIUI</a>
            <span class="sep">|</span>
            <a href="">loT</a>
            <span class="sep">|</span>
            <a href="">云服务</a>
            <span class="sep">|</span>
            <a href="">金融</a>
            <span class="sep">|</span>
            <a href="">有品</a>
            <span class="sep">|</span>
            <a href="">小爱开放平台</a>
            <span class="sep">|</span>
            <a href="">政企服务</a>
            <span class="sep">|</span>
            <a href="">Select Region</a>
        </div>
        <div class="mid"></div>
        <div class="right"></div>
    </div>
</div>
<div class="head">
   <div class="1threeline">
       <div class="firstline">
           <div class="img">
               <img src="" alt="">
           </div>
           <div class="text">
               <a href="">小米手机</a>
               <a href="">红米</a>
               <a href="">电视</a>
               <a href="">笔记本</a>
               <a href="">盒子</a>
               <a href="">路由器</a>
           </div>
           <div class="serch">
               <form action="">
                   <input type="text" value="小米8  小米MIX 2S" >
               </form>
           </div>
       </div>
       <div class="secondline">
           <div></div>
           <div></div>
           <div></div>
       </div>
       <div class="thirdline">
           <div class="sixchoose">
                <!--两行三列-->
               <div>
                   <a href="">选购手机</a>
                   <a href="">选购手机</a>
                   <a href="">选购手机</a>
               </div>
               <div>
                   <a href="">选购手机</a>
                   <a href="">选购手机</a>
                   <a href="">选购手机</a>
               </div>
           </div>
           <div>
               <!--红米6-->
               <img src="" alt="">
           </div>
           <div>
               <!--红米5-->
               <img src="" alt="">
           </div>
           <div>
               <!--净水器-->
               <img src="" alt="">
           </div>
       </div>
   </div>
   <div class="2threeline">
        <div class="2firstline">
            <div>
                <a href="">小米闪购</a>
            </div>
            <div>
                <!--选择-->
            </div>
        </div>
        <div class="2secondline">
            <div>
                <img src="" alt="">
            </div>
            <div>
                <img src="" alt="">
            </div>
            <div>
                <img src="" alt="">
            </div>
            <div>
                <img src="" alt="">
            </div>
            <div>
                <img src="" alt="">
            </div>
        </div>
        <div class="2thridline">
            <div>
                <!--小米8-->
                <img src="" alt="">
            </div>
        </div>
   </div>
    <div class="3threeline">
        <div class="1line">
            <div>
                <a href="">手机</a>
            </div>
            <div>
                <!--选择箭头-->
            </div>
        </div>
        <div class="32line">
            <div>
                <!--左 -->
            </div>
            <div>
                <!--右-->
                <div>
                    <!--上-->
                    <div>
                        <img src="" alt="">
                    </div>
                    <div>
                        <img src="" alt="">
                    </div>
                    <div>
                        <img src="" alt="">
                    </div>
                    <div>
                        <img src="" alt="">
                    </div>
                </div>
                <div>
                    <!--下-->
                    <div>
                        <img src="" alt="">
                    </div>
                    <div>
                        <img src="" alt="">
                    </div>
                    <div>
                        <img src="" alt="">
                    </div>
                    <div>
                        <img src="" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="33line">
            <div>
                <!--AI的世界观-->
                <img src="" alt="">
            </div>
        </div>
    </div>
</div>
<div class="foot">
    <div class="foottest">
        <div>
            <a href="">预约维修服务</a>
            <span>|</span>
            <a href="">7天无理由退货</a>
            <span>|</span>
            <a href="">15天免费换货</a>
            <span>|</span>
            <a href="">满150元包邮</a>
            <span>|</span>
            <a href="">520余家售后网点</a>
            <span>|</span>
        </div>
        <div>
            <!--左-->
            <div>

            </div>
            <!--右-->
            <div>

            </div>
        </div>
        <div>
            <!--文字-->
        </div>
    </div>
</div>
<div class="info">
    <div>
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>
</body>
</html>